/*
 * icons located in folder famfamfam, are from Mark James
 * and can be downloaded from http://www.famfamfam.com/lab/icons/silk/
 * these icons are realeased under Creative Commons Attribution 2.5 License.
 */

* {
	margin:0;
	padding:0;
}

#wrapper {
	margin:10px;
}

#wrap {
	margin:0 auto;
	width:980px;
}

input[type="text"], input[type="password"], textarea, select {
	background-image:url(../images/form-bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	/*width: 230px;*/
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	/*font-family:tahoma, arial, sans-serif;*/
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
	background-image:url(../images/form-bg-hover.jpg);
	border:1px solid #8bc8e6;
}

label {
	margin-bottom:5px;
}

#wrapper select {
	padding: 2px;
}

a:link { font-weight:bold;}
a:visited {}
a:hover { color:#77D5F7}
a:active {}

#search {
	float:right;
	position:relative;
	top:2px;
	margin-bottom: 0;
}
/* ---- Buttons ---- */
.lw-btn {
	-moz-border-radius: 2px 2px 2px 2px;
    background-image: url("../images/ggle-btn-bg.jpg");
    background-position: center center;
    border: 1px solid #BBBBBB;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 22px;
    margin: 4px 2px;
    padding: 1px 4px;
    text-decoration: none;
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	/*font-family:Tahoma;*/
}

.tc-sort-btn, 
.tc-sort-direction, 
.tc-action-btn, 
.tc-action-btn.disabled:hover, 
.tc-action-btn.disabled:active {
	float:left;
	height:16px;
	padding:3px;
	width:16px;
	margin:0;
}

.lw-btn:hover,
select:hover,
textarea:hover {
	border-color:#777;
}

.lw-btn.pressed,
.lw-btn:active {
	background-image: url(../images/ggle-btn-bg-pressed.jpg);
	color:#333;
}

.lw-btn span {
	padding-left:20px;
	padding-right:10px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left center;
}

.lw-btn.lw-mini-btn span {
	background-position:center center;
	padding-left: 6px;
    padding-right: 6px;
    /**/position: relative;
    top: -5px;
}
	.add-btn span {background-image: url('../images/icons/famfamfam/add.png');}
	.edit-btn span {background-image: url('../images/icons/famfamfam/pencil.png');}
	.gear-btn span {background-image: url('../images/icons/fugue/gear.png');}
	.save-btn span {background-image: url('../images/icons/fugue/disk.png');}
	/*.delete-btn span {background-image: url('../images/icons/famfamfam/delete.png');}*/
	.delete-btn span {background-image: url('../images/icons/famfamfam/bin_closed.png');}
	.accept-btn span {background-image: url('../images/icons/famfamfam/accept.png');}
	.cancel-btn span {background-image: url('../images/icons/famfamfam/cross.png');}
	.export-btn span {background-image: url('../images/icons/famfamfam/page_go.png');}
	.import-btn span {background-image: url('../images/icons/famfamfam/page_save.png');}
	
	.toolbar-btns {
		float: right;
	    height: 23px;
	    margin: 2px 1px;
	    position: relative;
	    right: 3px;
	}
	

/* ---- table ---- */
#recordsTable thead tr,
#recordsTable tfoot tr{
    background-color:#ddd;
}

/* ---- inputs ---- */
#categoriesSelect {
	width:100px;
}

#descriptionField {
	width:300px;
}

#dateField {
	width:90px;
}

#amountField {
	width:40px;
}

/* ---- Page styles ---- */
.record-element {
	border-bottom: 1pt solid #DADADA;
    display: block;
    line-height: 30px;
	clear:both;
}
	/* edit and display mode common */
	.record-element .record-display,
	.record-element .record-edit{
		line-height: 35px;
	}
	
	.record-element .record-edit {
		background-color: #FFF7C9;
	}
	
	/* edit and display mode show */
	.record-element .record-display,
	.record-element.edit .record-edit {
		display:block;
	}
	
	/* edit and display mode hide */
	.record-element.edit .record-display,
	.record-element .record-edit {
		display:none;
	}
	
	.record-element .record-display .edit-btn,
	.record-element .record-display .delete-btn {
		float:right;
	}
	
		.record-display .edit-btn,
		.record-display .delete-btn {
			display:none;
		}
		
		.record-display:hover .edit-btn,
		.record-display:hover .delete-btn {
			display:inline-block;
		}
		
	/* edit mode */
	.record-edit .edit-actions {
		float:right;
	}
	
	.record-edit .add-btn {
		display:none;
	}
	
	#controls .edit-actions {
		display:none;
	}
	
/* dialogs */
.data-dialog {}
	
	.data-dialog p {}
	.data-dialog textarea {margin-top:5px;resize:none;}
	
	.data-dialog #fileName {width:267px;}
/* ---- Chart page ---- */
#chartPlaceHolder {
	height: 600px;
    margin: 0 auto;
    width: 800px;
	
}
